* {
    margin: 0;
    padding: 0;
}

.page_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    scroll-behavior: smooth;

    .page_wrapper_top {
        height: calc(100% - 50px);
        overflow: auto;
        scroll-behavior: smooth;
        .page_wrapper_top_inner{
            height: 100%;
            display: none;
            &.show{
                display: block;
            }
        }
    }

    .page_wrapper_down {
        height: 50px;
        background: #f7f7f7;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 12px;
        font-weight: bold;
        color: #949494;

        .page_wrapper_down_tabbar {
            flex: 1;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            &.page_wrapper_down_tabbar_active{
                color: #e75a2f;
            }

            .page_wrapper_down_tabbar_icon {
                width: 22px;
                height: 22px;
                position: relative;
                margin: 5px 0 1px;

                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}